<!--wf-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        会议信息查看与编辑
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../resources/static/manageWeb/css/font.css">
    <link rel="stylesheet" href="../../../resources/static/manageWeb/css/index.css">
    <script src="../../../resources/static/manageWeb/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../../resources/static/manageWeb/js/index.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
    <script src="../../../resources/static/commomsjs/commons.js"></script>
</head>
<body>
<div id="app" class="layui-card">
    <form class="layui-form layui-form-pane" action="" id="add">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">人员地点情况</li>
                <li>会议信息</li>
                <li>时间信息</li>
                <li>显示管理</li>
            </ul>
            <div class="layui-tab-content" >
                <div class="layui-tab-item layui-show" v-if="showPeople">
                    <!--<form class="layui-form layui-form-pane" action="" id="add">-->
                    <input type="hidden" name="id" value="{$art.id}">
                    <div class="layui-form-item">
                    <label class="layui-form-label">申请人姓名</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.applyName}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">申请人电话</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.applyPhone}}</span></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">申请用户姓名</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.userinfo.userAccount}}</span></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">申请用户联系方式</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.userinfo.userPhone}}</span></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">主办方名字</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.organizers.organizersName}}</span></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">会馆名字</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.hall.hallName}}</span></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">会议所选酒店</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.hotel.hotelName}}</span></div>
                    </div>
                    </div>
               <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <label class="layui-form-label">会议id</label>
                            <div class="layui-input-block"><span class="layui-input">{{meetinfo.id}}</span>
                            </div>
                        </div>
                   <div class="layui-form-item imgs" id="imgshow">
                       <label  class="layui-form-label">会议主图片
                       </label>
                       <img :src="path+'manageWeb/images/'+meetinfo.meetPicture" id="pimages" name="pimages" style="width: 400px;height: 200px;"/>
                       <input id="avatar"   name="image" required="" type="hidden"  value="images">
                   </div>
                    <!--<div class="layui-form-item">
                        <label class="layui-form-label">会议主图片</label>
                        <div class="layui-input-block"><span class="layui-input"><img :src="path+'manageWeb/images/'+meetinfo.meetPicture" style="width: 35px;height: 35px"></span>
                        </div>
                    </div>-->
                    <div class="layui-form-item">
                        <label class="layui-form-label">会议主题</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.meetTitle}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">会议细节</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.meetDetails}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">会议日程</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.meetProcess}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">会议所在省市区详细地址</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.province.provinceName}}{{meetinfo.city.cityName}}{{meetinfo.reginon.reginonName}}{{meetinfo.detailsAddress}}</span>
                        </div>
                    </div>
                      <div class="layui-form-item">
                        <label class="layui-form-label">是否公开</label>
                        <div class="layui-input-block"><span class="layui-input">
                            <template v-if="meetinfo.open">
                                <img src="../../../resources/static/manageWeb/images/right.jpg" style="width: 25px;height: 25px" href="#" >
                            </template>
                                <template v-if="!meetinfo.open">
                                    <img src="../../../resources/static/manageWeb/images/error.jpg" style="width: 25px;height: 25px"  href="#" >
                                </template>
                        </span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">最大承载量</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.maxPeople}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">会议进程状态</label>
                        <div class="layui-input-block"><span class="layui-input">
                            <template v-if="meetinfo.processState==0">
                                报名中
                            </template>
                                <template v-if="meetinfo.processState==1">
                                报名进行中</template>
                            <template v-if="meetinfo.processState==2">
                                已结束
                            </template></span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">当前参会人数量</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.memberCount}}</span>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">浏览量</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.viewCount}}</span>
                        </div>
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div class="layui-form-item">
                        <label class="layui-form-label">会议创建时间</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.createTime}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">开始报名时间</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.signBeginTime}}</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">报名截止时间</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.signEndTime}}</span>
                        </div>
                    </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">会议开始时间</label>
                            <div class="layui-input-block"><span class="layui-input">{{meetinfo.beginTime}}</span>
                            </div>
                        </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">会议结束时间</label>
                        <div class="layui-input-block"><span class="layui-input">{{meetinfo.endTime}}</span>
                        </div>
                    </div>
                    </div>
                <div class="layui-tab-item">
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            审核状态
                        </label>
                        <div class="layui-input-block">
                            <template v-if="meetinfo.aduditState">
                                <img src="../../../resources/static/manageWeb/images/right.jpg" style="width: 25px;height: 25px" >
                            </template>
                            <template v-if="!meetinfo.aduditState">
                                <img src="../../../resources/static/manageWeb/images/error.jpg" style="width: 25px;height: 25px" >
                            </template>
                            <button @click="changeAdudit(meetinfo.id)" type="button" lay-filter="add" lay-submit="">
                                更改
                            </button>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            轮播状态
                        </label>
                        <template v-if="meetinfo.shuffingEnable">
                            <img src="../../../resources/static/manageWeb/images/right.jpg" style="width: 25px;height: 25px" >
                        </template>
                        <template v-if="!meetinfo.shuffingEnable">
                            <img src="../../../resources/static/manageWeb/images/error.jpg" style="width: 25px;height: 25px" >
                        </template>
                        <button @click="changeSuffing(meetinfo.id)" type="button" lay-filter="add" lay-submit="">
                            更改
                        </button>
                    </div>
                </div>
            </div>
        </div>
     </div>
      </body>
      <script>
      var app=new Vue({
        el:'#app',
        data:{
            meetinfo:{id:0},
            path:"http://localhost:8080/",

            meetinfoId:null,
            showPeople:true,
            showMeet:false,
            showTime:false,
            showManage:false
        },
        created:function(){
            this.initMeetinfo();

        },
        methods:{
            changeSuffing:function(id){
                axios.get(this.path+"manage/changeSuffing?id="+id)
                    .then(res=>{
                        this.meetinfo.shuffingEnable=!( this.meetinfo.shuffingEnable);
                    })

            },
            changeAdudit:function(id){
                axios.get(this.path+"manage/changeAudit?id="+id)
                    .then(res=>{
                        this.meetinfo.aduditState=!(this.meetinfo.aduditState);
                    })
            },
            initMeetinfo:function(){
                var id=this.GetQueryString("id");
                axios.get(this.path+"manage/selectAMeet?id=" + id)
                    .then(res => {
                      this.meetinfo=res.data.data;
                    });
            },
            GetQueryString:function(name)
            {
                var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if(r!=null)return  unescape(r[2]); return null;
            }
        }
      })
</script>
<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    UE.getEditor('content',{initialFrameWidth:600,initialFrameHeight:400,});
</script>
<script>
    layui.use(['element','layer','form','upload'], function(){
        var  $ = layui.jquery;//jquery
        var lement = layui.element;//面包导航
        var layer = layui.layer;//弹出层
        var form = layui.form;
        var upload = layui.upload;
      })
     </script>
</html>